<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title id="doctitle">information</title>
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta content="telephone=no" name="format-detection"/>
    <meta name="screen-orientation" content="portrait">


    <meta name="x5-orientation" content="portrait">

    <link rel="icon" href="favicon.ico" type="image/x-icon">

    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.min.css">
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/soHead.css">
	<link rel="stylesheet" tyep="text/css" href="css/result.css">
	 <link rel="stylesheet" type="text/css" href="css/special.css">
	<link rel="stylesheet" href="css/mx-bubble.css" type="text/css" />
	<link rel="stylesheet" href="css/bubbles.css" type="text/css" />

    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/js/respond.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/echarts/echarts.js"></script>
	<script src="js/jquery-plugins/jquery.tmpl.js" type="text/javascript"></script>

	<script src="js/page.js" type="text/javascript"></script>
	
	<script id="content" type="text/x-jquery-tmpl">
	
	<div id="head">
		  <a href="index.html" class="arrow"><img src="images/gongyong_fh.png"></a>
		  <div class="topTitle">${key}</div>
		  <a href="searchOne.html" class="zoom"><img src="images/index_wz_ico4.png"/></a>
		  <a href="indexTranslate.html" class="translation" ><img src="images/index_wz_ico3.png"/></div>
		</div>
		
	
		
		
		
		
<div class="headB"></div>
		<div>
			<img src="images/result/result_main.jpg" style="width:100%;height:auto;"/>
		</div>

		<div>
			<p class="search_p"><span style="color:#2070d5;">${key}</span>Corporat is American and defense company formed by
				 mergers and divestitures.It is the world's fifth-largest defense contractor based on
				 2012 revenues. </p>
		</div>

   	 	<div style="margin-left:20%">
             <div id="bubbles" class="bubbles" style="height:250px;padding:30px 0 0;">
             </div>
        </div>
		<div class="main_nr">
			<div>
			<p class="frist_p">Burundi<span> ${key}</span>‘launches coup’</p>
			<p>A top Burundian general launched a coup attempt against President, Meanwhile, about 22.9 percent of the total electricity generated in the ...</p>
			<p class="last_p">
				<span>WWW.CKNN.EN</span>
				<span>3786129 Pin</span>
			</p>
			</div>

			<div>
			<p class="frist_p">Hostile forces target young<span> ${key}</span></p>
			<p>A top Burundian general launched a coup attempt against President, Meanwhile, about 22.9 percent of the total electricity generated in the ...</p>
			<p class="last_p">
				<span>WWW.CKNN.EN</span>
				<span>3786129 Pin</span>
			</p>
			</div>
				<div>
			<p class="frist_p">Burundi<span> ${key}</span>‘launches coup’</p>
			<p>A top Burundian general launched a coup attempt against President, Meanwhile, about 22.9 percent of the total electricity generated in the ...</p>
			<p class="last_p">
				<span>WWW.CKNN.EN</span>
				<span>3786129 Pin</span>
			</p>
			</div>
			<!--<p class="res_lod">Load more</p>-->
			<div class="loding">
			<span id="loadMore" class="loding_more"><img src="images/morejian.png" style="width:auto; height:1em; margin-right:0.5em;" >Load more</span>
		</div>
		</div>
		<div  class="spac_footer spac">
			<!--<a href="#" style="float:left;padding-left:20px;"><img src="images/specialTopic/spac_ico1.png"></a>
			<a href="#" style="text-align:center;"><img src="images/specialTopic/spac_ico2.png"></a>
			<a href="#" style="float:right;padding-right:20px;"><img src="images/specialTopic/spac_ico3.png"></a>-->
			<a href="dataAnalsis.html?word=${key}" style="border-radius:25px;padding:16px 27px;background:#55c04f;color:#fff;margin:10px 0;font-size:16px;">Intelligent big data Analysis</a>
			</div>
    </script>
	<script type="text/javascript">
	    var word;
		$(function(){
		    //初始化page对象
			page.init();
			
			//alert(GetQueryString('key'));
			//var data = {"key":GetQueryString('key')};
			//$("#content").tmpl(data).appendTo("body");
			
			//新增代码
			word = decodeURI(GetQueryString('key'));
			var subWord = word;
			if(word.length > 13){
				subWord = word.substring(0,13)+'...';
			}
			$(".word").text(subWord);
			$("#footerLink").attr("href", "dataAnalsis.html?word="+encodeURI(encodeURI(word)));
			requestSearchArticleList(word);
			//测试数据
			//requestSearchArticleList("test");
		});
		function GetQueryString(name)
		{
			var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if(r!=null)return  unescape(r[2]); return null;
		}

		function hmProxy(url, data, callback){
			var prefix = localStorage.localIP;
			//if(!url.startsWith('/')){
			//	prefix += '/';
			//}
			$.ajax({
				type: 'post',
				url: prefix + url + '.json?message=' + JSON.stringify(data),
				dataType: 'json',
				success: callback
			});
		}
		
		function requestSearchArticleList(word){
			var message = {
					"word":word,
					"starttime":"",
					"terminaltime":"",
					"language":""
				};
			
			hmProxy('search/searchAbstract', message, function(data, textStatus, jqXHR){
				data = eval("("+data+")");
				if(data && data.ret == 0){
					var obj = data.data;
					$("#search_abstract").html(obj.abstractInfo);
					$("#footerLink").attr("href", "dataAnalsis.html?word="+encodeURI(encodeURI(word)));
				} 
			});
			var prefix = localStorage.localIP;
			$.ajax({
				type: 'post',
				url: prefix + 'search/searchArticleList' + '.json?message=' + JSON.stringify(message) + "&page=" + page.getPageCount() + "&size=" +page.getSize(),
				dataType: 'json',
				success: function(data, textStatus, jqXHR){
					data = eval("("+data+")");
					if(data && data.ret == 0){
						var list = data.data;
						if(list && list.length > 0){
							var contentHtml = "";
							list.forEach(function(obj){
								contentHtml += "<div onclick=\"window.location='information.html?uuid="+obj.uuid+"'\">"+
											   "<p class='frist_p'>"+obj.title+"</p>"+
											   "<p></p>"+
											   "<p class='last_p'>"+
											   "<span>"+obj.site_name+"</span>"+
											   //"<span>"+obj.website_name+"</span>"+
											   "</p>"+
											   "</div>";
							});
							$(".res_lod").before(contentHtml);
							//设置是否加载更多的状态，false为已经获取完毕，不需要再加载
							page.setLoadMoreFlag(list.length);
							if(!page.getLoadMoreFlag()){
								$(".res_lod").css("display", "none");
							}
						} else{
							page.setLoadMoreFlag(0);
							if(!page.getLoadMoreFlag()){
								$(".res_lod").css("display", "none");
							}
						}
					} else{
						window.location.href = "noResult.html";
					}
				}
			});
		};
		
		function loadMore(){
			page.nextPage();
			requestSearchArticleList(word);
		};
	</script>
	
    <style>
	  .spac_footer{ background:none;}
	</style>

</head>

<body style="padding-bottom:60px;">
	<div id="head">
		<div class="head_left">
			<a href="index.html"><img src="images/gongyong_fh.png" style="width:14px; margin-top:2px;"></a>
		</div>
		<div class="head_title" style="margin-left:5%;width:45%;">
			<h3 class="word" style="margin-left:0"></h3>
		</div>
	 
		<div class="head_right">
			<a href="indexTranslate.html"><img src="images/index_wz_ico3.png"/></a>
			<a href="searchOne.html" class="head_right_r"><img src="images/index_wz_ico4.png"></a>
		</div>
		
	</div>
	<div class="headB"></div>
	<!--  
		<div>
			<img src="images/result/result_main.jpg" style="width:100%;height:auto;"/>
		</div>
-->
		<div style="display:none">
			<p class="search_p" id="search_abstract"></p>
		</div>
<!-- 
  	   <div id="bubbles" class="bubbles" style="height:250px;padding:30px 0 0;"></div>-->
  	 	<div class="main_nr">
  	 		<p class="res_lod" onclick="loadMore();"><img src="images/morejian.png" style="width:auto; height:1em; margin-right:0.5em;" >Load more</p>
  	 	</div>
  	 	<!--<div  class="spac_footer spac">
			<a id="footerLink" href="" style="border-radius:25px;padding:16px 27px;background:#55c04f;color:#fff;margin:10px 0;font-size:16px;">Intelligent big data Analysis</a>
		</div>-->
		<a id="footerLink" href="" class="circle"></a>
	
	<!--<script src="js/jsondata-scatter.js"></script>
      <script src="js/myResarchscatter.js"></script>-->
	    
</body>
</html>